/**
 * Created by Administrator on 2016/12/2.
 */
var Progress = require('../../../src/libs/progress');

var Root = React.createClass({
        render: function(){
                return (
                    <div>
                            <p>1.默认显示百分比</p>
                            <Progress type="line" percent={30}></Progress>
                            <p style="margin-top:30px">2.format可修改显示文案,showInfo:true(默认)时才生效</p>
                            <Progress type="line" percent={30} format='满标'></Progress>
                            <p style="margin-top:30px">3.format可以是字体图标/元素</p>
                            <Progress type="line" percent= {70} format={<i style="width:20px;height:20px;background:red;display:inline-block;"></i>}></Progress>
                            <p style="margin-top:30px">4.不显示文案</p>
                            <Progress type="line" percent={50} showInfo={false}></Progress>
                            <p style="margin-top:30px">5.如果需要修改文案位置,请自行在className中添加class修改,infoPosition可设置progress-text的style</p>
                            <Progress className="top" type="line" percent={30} format="top"></Progress>
                            <Progress className="top" type="line" percent={40} format="infoPosition" infoPosition></Progress>
                            <Progress className="top" type="line" percent={40} format="infoPosition" infoPosition="left:40%;margin-left:-40px"></Progress>
                            <br/><br/>
                    </div>
                )
        }
});
ReactDOM.render(<Root/>,document.getElementById('main'));

